<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- this只要是在事件中就表示绑定事件的元素，也就是说 this=这个按钮 -->
    <button onclick="del(this)">删除</button>
    <ul>
        <li>初代奥特曼</li>
        <li>赛文奥特曼</li>
        <li>杰克奥特曼</li>
        <li>艾斯奥特曼</li>
    </ul>
</body>
</html>
<script>
    //先获取要删除元素的父亲
    var ul=document.querySelector('ul')
    function del(sb){
        //通过元素的父亲来删除元素
        ul.removeChild(ul.children[0])
        //判断还有没有元素可以删除 没有的话禁用按钮
        if(ul.children.length == 0){
            sb.disabled=true
        }
    }
</script>